<template>
    <div class="container">

        <form @submit="resetPassword" @reset="formReset" name="workerForm">
            <!-- 使用 Field 圆角样式 -->
            <div class="zan-panel" style="margin-top:0px;">
                <div class="zan-row">
                    <div class="zan-cell">
                        <div class="zan-cell__bd">
                            <input type="text" class="zan-filed" placeholder="新密码" name="username">
                        </div>
                        <div class="zan-cell__ft"></div>
                    </div>
                </div>
                <div class="line"></div>
                 <div class="zan-row">
                    <div class="zan-cell">
                        <div class="zan-cell__bd">
                            <input type="text" class="zan-filed" placeholder="再次输入新密码" name="username">
                        </div>
                        <div class="zan-cell__ft"></div>
                    </div>
                </div>
                <div class="line"></div>
                <div class="zan-row">
                    <div class="zan-btns">
                        <button class="zan-btn zan-btn--warn" formType="submit">重置密码</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</template>
<script>
import store from '@/store'
import wx from 'wx'
import router from '@/router/routes'
import { mapState } from 'vuex'
import { filter } from '@/utils/filter'
export default {
  created() {},
  methods: {
    resetPassword() {
      console.log('重置密码')
    }
  }
}
</script>
<style scoped>
.form-control {
  display: block;
  padding: 0 12px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}
.zan-panel {
  position: relative;
  background: #fff;
  overflow: hidden;
}

.zan-cell {
  position: relative;
  padding: 24rpx 30rpx;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  line-height: 2.8;
  font-size: 28rpx;
}
.line {  
  width: 100%;  
  height: 1px;  
  background-color: #f4f4f4;  
  margin-top: 1px;  
}
.field__title--radius {
  padding-bottom: 10px;
}

.popup-field-example--bottom {
  width: 100%;
  height: 150px;
}

.picker-view-example {
  height: 120px;
}

.picker-view-column-example {
  line-height: 50px;
  text-align: center;
}
</style>
